<!DOCTYPE HTML>
<html>
<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath();
	request.setAttribute("path", path);
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="favicon.ico" />
<link type="text/css" rel="stylesheet"
	href="${path}/css/drugs/res/drugref.css-_v=20160128.css"
	tppabs="http://drugs.medlive.cn/res/drugref.css?_v=20160128" />
<style>

/* 项目必须项  START*/
/*给OTC等图片，增加鼠标手型 */
.ins_img {
	cursor: pointer
}
/* 提示信息用 START */
.ggd {
	border: 1px solid #0000ff;
	width: auto;
	height: auto;
	padding: 5px;
	font-size: 14px;
	position: absolute;
	background: #dbecfe
}

.ggd select {
	width: 150px;
}

.guigediv {
	width: 300px;
	line-height: 20px;
}

.guige {
	color: #3399FF;
	cursor: pointer
}

.ggd table td {
	vertical-align: top;
	font-size: 14px;
}
/* 提示信息用 END */
.fragment_handle {
	background: url("../res/resource/zoom.gif")
		/*tpa=http://drugs.medlive.cn/res/resource/zoom.gif*/        
		no-repeat scroll 0 -13px transparent;
	/*	font-size: 0; line-height: 0;width: 14px;*/
	font-size: 12px;
	width: auto;
	display: block;
	border: 1px solid #FFFFFF;
	bottom: 4px;
	height: 14px;
	right: 4px;
	text-decoration: none;
	float: left
}

.drugref_fragment_container {
	width: 663px;
	overflow: hidden;
	margin-bottom: 10px;
}

.drugref_fragment_container a {
	text-decoration: none;
}

/*autocomplete*/
.autocomplete-w1 {
	background: url("../res/resource/shadow.png")
		/*tpa=http://drugs.medlive.cn/res/resource/shadow.png*/       
		 no-repeat bottom right;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 12px 0 0 4px;
	/* IE6 fix: */
	_background: none;
	_margin: 0;
}

.autocomplete {
	font: 14px/1.5 Arial;
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	text-align: left;
	max-height: 200px;
	overflow: auto;
	margin: -8px 6px 6px -5px;
	/* IE6 specific: */
	_height: 200px;
	_margin: 0;
	_overflow-x: hidden;
}

.autocomplete .selected {
	background: #F0F0F0;
}

.autocomplete div {
	padding: 1px 10px;
	white-space: nowrap;
}

.autocomplete strong {
	font-weight: normal;
	color: #3399FF;
}
/* 项目必须项 END */

/* 自动截断长字符串*/
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* DIV自动对齐*/
.table-two {
	border-left: 1px solid #CAD1D5;
	float: left;
	margin-top: 24px;
	width: auto;
}

.some-div {
	border-bottom: 1px solid #CAD1D5;
	border-right: 1px solid #CAD1D5;
	float: left;
	height: 201px;
	padding-bottom: 20px;
	width: 190px;
}
</style>
</head>

<body>



	<script type="text/javascript">
		$(document)
				.ready(
						function() {

							var fillUserInfo = function(info) {
								if (info.inbox_count) {
									$('#inbox_count').text(info.inbox_count);
									$('#has_inbox').show();
								}
								if (info.sysmsg_count) {
									$('#sysmsg_count').text(info.sysmsg_count);
									$('#has_sysmsg').show();
								}
								if (info.username) {
									$('#username').text(info.username);
								}
							}

							var hoverUserNavi = function() {
								$('#get_icon_user_width').hover(
										function() {
											$('#get_icon_user_a').css(
													'background-color',
													'#EAEAEA');
											$('#user_navi_list').show();
										},
										function() {
											$('#get_icon_user_a').css(
													'background-color', '');
											$('#user_navi_list').hide();
										});
							}

							var autoSetWidth = function() {
								var width = document
										.getElementById('get_icon_user_a').offsetWidth;
								$('#get_icon_user_width').css('width', width);
								$('#user_navi_list').css('width', width);
								$('#user_navi_list > li > a').css('width',
										width - 11); //a margin-left:11px;
							}

							var getUserInfoAjax = function() {
								var url = 'http://www.medlive.cn/auth/login?service=http%3A%2F%2Fdrugs.medlive.cn%2Fdrugref%2FgetUserInfoAjax.do&gateway=true';
								$
										.post(
												url,
												function(res) {
													if (res.success) {
														fillUserInfo(res.data);
														$("#login").css(
																"display",
																"block");
														autoSetWidth();
														hoverUserNavi();
													} else {
														$("#unlogin").css(
																"display",
																"block");
														if ($("#loginLink")
																.attr("href")
																.indexOf("?") > 0) {
															$("#loginLink")
																	.attr(
																			"href",
																			$(
																					"#loginLink")
																					.attr(
																							"href")
																					+ "&service="
																					+ encodeURIComponent(location.href));
														} else {
															$("#loginLink")
																	.attr(
																			"href",
																			$(
																					"#loginLink")
																					.attr(
																							"href")
																					+ "?service="
																					+ encodeURIComponent(location.href));
														}
													}
												}, 'json');
							}
							getUserInfoAjax();

							//频道导航
							$('#channelNavi').hover(
									function() {
										$('#chanel_navi_a').css(
												'background-color', '#EAEAEA');
										$('#channel_navi_list').show();
									},
									function() {
										$('#chanel_navi_a').css(
												'background-color', '');
										$('#channel_navi_list').hide();
									})

						});
	</script>
	<div class="emr_top">
		<div class="emr_top_body">
			<ul class="emr_top_l">

			</ul>
			<ul class="emr_top_r" id="unlogin" style="display: none;">
				<li class="icon login"><a
					href="javascript:if(confirm('http://www.medlive.cn/auth/login  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���Ѿ���վ���������ų��������ų��·����ַ��(��ϵͳ�� Teleport Ultra �����ǿ�ѡ��; �μ���Ŀ����, �������ǡ�)  \n\n�����ڷ������ϴ���?'))window.location='http://www.medlive.cn/auth/login'"
					tppabs="http://www.medlive.cn/auth/login" id="loginLink">登录</a></li>
				<li class="icon regist"><a
					href="javascript:if(confirm('http://setting.medlive.cn/reg  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://setting.medlive.cn/reg'"
					tppabs="http://setting.medlive.cn/reg">注册</a></li>
			</ul>
			<ul class="emr_top_r" id="login" style="display: none;">
				<li id="get_icon_user_width" class="icon user"><a
					id="get_icon_user_a" class="name"
					href="javascript:if(confirm('http://i.medlive.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://i.medlive.cn/'"
					tppabs="http://i.medlive.cn/"><span id="username"></span><span
						class="down"></span></a>
					<ul class="nav_list" style="display:none;" id="user_navi_list">
						<li><a
							href="javascript:if(confirm('http://i.medlive.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://i.medlive.cn/'"
							tppabs="http://i.medlive.cn/">我的医脉通</a></li>
						<li><a
							href="javascript:if(confirm('http://setting.medlive.cn/setting/profile  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://setting.medlive.cn/setting/profile'"
							tppabs="http://setting.medlive.cn/setting/profile">个人设置</a></li>
						<li><a
							href="javascript:if(confirm('http://www.medlive.cn/usercenter/score_detail.do  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���Ѿ���վ���������ų��������ų��·����ַ��(��ϵͳ�� Teleport Ultra �����ǿ�ѡ��; �μ���Ŀ����, �������ǡ�)  \n\n�����ڷ������ϴ���?'))window.location='http://www.medlive.cn/usercenter/score_detail.do'"
							tppabs="http://www.medlive.cn/usercenter/score_detail.do">我的账户</a>
						</li>
						<li><a
							href="javascript:if(confirm('http://www.medlive.cn/gift/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://www.medlive.cn/gift/'"
							tppabs="http://www.medlive.cn/gift/">礼品兑换</a></li>
						<li><a
							href="javascript:if(confirm('http://www.medlive.cn/auth/logout  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���Ѿ���վ���������ų��������ų��·����ַ��(��ϵͳ�� Teleport Ultra �����ǿ�ѡ��; �μ���Ŀ����, �������ǡ�)  \n\n�����ڷ������ϴ���?'))window.location='http://www.medlive.cn/auth/logout'"
							tppabs="http://www.medlive.cn/auth/logout">退出</a></li>
					</ul></li>
				<li class="icon mail"><a
					href="javascript:if(confirm('http://i.medlive.cn/email_list  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://i.medlive.cn/email_list'"
					tppabs="http://i.medlive.cn/email_list">站内信<span id='has_inbox'
						style="display:none;">(<span id='inbox_count' class="red"></span>)
					</span></a></li>
				<li class="icon notice"><a
					href="javascript:if(confirm('http://i.medlive.cn/message_list  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ�����ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://i.medlive.cn/message_list'"
					tppabs="http://i.medlive.cn/message_list">系统通知<span
						id='has_sysmsg' style="display:none;">(<span
							id='sysmsg_count' class="red"></span>)
					</span></a></li>
			</ul>
		</div>
	</div>
	<div class="header">





		<div class="header_body">
			<a href="index.do.htm"
				tppabs="http://drugs.medlive.cn/drugref/index.do" class="add-a"><div
					class="left little_logo1"></div></a>
			<div class="left nav_search">
				<div class="logo-nav"></div>
				<div class="search-big clearfix" id="quickDurgSearch">
					<form id="searchForm" name="searchForm"
						action="http://drugs.medlive.cn/drugref/drug_info_search.do">
						<span class="search-k-big-out"> <input type="text" name="q"
							value="${kw }" id="kw"  class="search-k-big" />
						</span> <input type="hidden" name="page" id="page" /> <input
							  type="button" class="search-b btn" value="检 索"  onclick="search()"/>
					</form>
				</div>
			</div>
			<div class="left little_logo2"></div>
		</div>
		<script type="text/javascript">
			$(document)
					.ready(
							function() {

								var type = 'drugInfo';

								//设置选中状态class="current"
								var liId = "#" + type;
								$(liId).text($(liId + ' > a').html());
								$(liId).addClass('current');

								//药物分类时隐藏药品名称检索
								//if(type == 'drugCate'){
								//	$('#quickDurgSearch').remove();
								//}

								var tipWord = "请输入拼音首字母或药名";

								if (type == 'indication') {
									tipWord = "请输入适应症";
									$('#searchForm')[0].action = "http://www.medlive.cn/auth/login?service=http%3A%2F%2Fdrugs.medlive.cn%2Fdrugref%2Finstruction_search.do&gateway=true";
								}

								/**提交表单*/
								var submitForm = function() {
									if ($("#q").val() == ""
											|| $("#q").val() == tipWord) {
										return false;
									}
									$('#searchForm').submit();
								}

								$('#doSearch').click(function() {
									submitForm();
								});

								$('#searchForm')
										.submit(
												function() {
													if ($("#q").val() == ""
															|| $("#q").val() == tipWord) {
														return false;
													}
												});

								//输入提示
								$("#q").texthint({
									blankValue : tipWord,
									blankValueClass : 'hui-color',
									hasValueClass : 'hei-color'
								});

								//AutoComplete(适应症没有自动提示)
								if (type != 'indication') {
									var opt_q = {
										serviceUrl : URL_DRUG_NAME_SUGGEST,
										minChars : 2,
										width : 392,
										maxHeight : 115,
										deferRequestBy : 0,
										noCache : false,
										onSelect : function(value, data) {
											document.getElementById('q').value = value;
										}
									};
									jQuery('#q').autocomplete(opt_q);
								}
							});
		</script>
	</div>
	<div class="blue-bar">
		<div class="blue-left"></div>
		<div class="blue-center clearfix">
			<span class="blue-right-white">与"${kw }"相关的药品约 <b class="blue">
					${fn:length(drugs)} </b>条


			</span>
		</div>
		<div class="blue-right"></div>
	</div>
	<div class="search-content">
		<div class="box-list">
		<c:forEach items="${drugs}" var="drug">

			<div class="box1">
				<div class="medince-name">
					<a href="${path}/api/drugs/showDrugsDetail/${drug.id}"> ${drug.drugName }</a>
				</div>
				<div class="infomation">

					<div class="infomation-left clearfix">
						<label class="left">【通用名称】</label> <label class="info-width1 left">${drug.commonName }</label>
					</div>


					<div class="infomation-right clearfix">
						<label class="left">【英文名称】</label> <label
							class="info-width1-1 left">${drug.englishName }</label>
					</div>

					<div class="clear"></div>
				</div>





				<div class="infomation clearfix">
					<label class="left">【性状】</label> <label class="info-width2 left">
						${drug.character } </label>
				</div>


				<div class="infomation clearfix">
					<label class="left">【适应症】</label> <label class="info-width3 left">
						${drug.indication } </label>
				</div>



<!-- 
				<div class="infomation clearfix">
					<label class="left"> 【资料来源】 </label> <label
						class="info-width4 left"> CFDA药品说明书范本 </label>
				</div> -->


			</div>

</c:forEach>

			<!-- 
			<div class="box1">
				<div class="medince-name">
					<a href="html/17089.shtml.htm"
						tppabs="http://drugs.medlive.cn/drugref/html/17089.shtml"
						target="_blank"> 喷托维林氯化铵片 </a>
				</div>
				<div class="infomation">

					<div class="infomation-left clearfix">
						<label class="left">【通用名称】</label> <label class="info-width1 left">喷托维林氯化铵片</label>
					</div>


					<div class="clear"></div>
				</div>





				<div class="infomation clearfix">
					<label class="left">【性状】</label> <label class="info-width2 left">
						本品为白色片，片心为类白色滴丸。 </label>
				</div>


				<div class="infomation clearfix">
					<label class="left">【适应症】</label> <label class="info-width3 left">
						用于各种原因引起的咳嗽、咳痰。 </label>
				</div>




				<div class="infomation clearfix">
					<label class="left"> 【企业名称】 </label> <label
						class="info-width4 left"> 西南药业股份有限公司 </label>
				</div>







			</div>

			<div class="box1">
				<div class="medince-name">
					<a
						href="javascript:if(confirm('http://drugs.medlive.cn/drugref/html/13350.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���������ʼ��ַ��Զ�����ӡ������������ʼ��ַ�����������, ���ļ������������ض��С�  \n\n�����ڷ������ϴ���?'))window.location='http://drugs.medlive.cn/drugref/html/13350.shtml'"
						tppabs="http://drugs.medlive.cn/drugref/html/13350.shtml"
						target="_blank"> 喷托维林氯化铵糖浆 </a>
				</div>
				<div class="infomation">

					<div class="infomation-left clearfix">
						<label class="left">【通用名称】</label> <label class="info-width1 left">喷托维林氯化铵糖浆</label>
					</div>


					<div class="infomation-right clearfix">
						<label class="left">【英文名称】</label> <label
							class="info-width1-1 left">Pentoxyverine Citrate and
							Ammonium Chloride Syrup</label>
					</div>

					<div class="clear"></div>
				</div>





				<div class="infomation clearfix">
					<label class="left">【性状】</label> <label class="info-width2 left">
						本品为红色或深棕色澄清的黏稠液体；气芳香，味甜带咸苦。 </label>
				</div>


				<div class="infomation clearfix">
					<label class="left">【适应症】</label> <label class="info-width3 left">
						用于各种原因引起的咳嗽、咳痰。 </label>
				</div>




				<div class="infomation clearfix">
					<label class="left"> 【企业名称】 </label> <label
						class="info-width4 left"> 云南康恩贝植物药有限公司 </label>
				</div>







			</div> -->

			<!-- 		<div class="box1">
				<div class="medince-name">
					<a
						href="javascript:if(confirm('http://drugs.medlive.cn/drugref/html/13638.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���������ʼ��ַ��Զ�����ӡ������������ʼ��ַ�����������, ���ļ������������ض��С�  \n\n�����ڷ������ϴ���?'))window.location='http://drugs.medlive.cn/drugref/html/13638.shtml'"
						tppabs="http://drugs.medlive.cn/drugref/html/13638.shtml"
						target="_blank"> 愈创维林那敏片 </a>
				</div>
				<div class="infomation">

					<div class="infomation-left clearfix">
						<label class="left">【通用名称】</label> <label class="info-width1 left">愈创维林那敏片</label>
					</div>


					<div class="infomation-right clearfix">
						<label class="left">【英文名称】</label> <label
							class="info-width1-1 left">Guaifenesin,Pentoxyverine
							Citrate and Chlorphenamine Maleate Tablets</label>
					</div>

					<div class="clear"></div>
				</div>






				<div class="infomation clearfix">
					<label class="left">【适应症】</label> <label class="info-width3 left">
						用于感冒引起的咳嗽、多痰。 </label>
				</div>




				<div class="infomation clearfix">
					<label class="left"> 【企业名称】 </label> <label
						class="info-width4 left"> 辽宁倍奇药业有限公司 </label>
				</div>







			</div>

			<div class="box1">
				<div class="medince-name">
					<a
						href="javascript:if(confirm('http://drugs.medlive.cn/drugref/html/13678.shtml  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ���������ʼ��ַ��Զ�����ӡ������������ʼ��ַ�����������, ���ļ������������ض��С�  \n\n�����ڷ������ϴ���?'))window.location='http://drugs.medlive.cn/drugref/html/13678.shtml'"
						tppabs="http://drugs.medlive.cn/drugref/html/13678.shtml"
						target="_blank"> 愈酚喷托异丙嗪颗粒 </a>
				</div>
				<div class="infomation">

					<div class="infomation-left clearfix">
						<label class="left">【通用名称】</label> <label class="info-width1 left">愈酚喷托异丙嗪颗粒</label>
					</div>


					<div class="infomation-right clearfix">
						<label class="left">【英文名称】</label> <label
							class="info-width1-1 left">Sulfogaiacol,Pentoxyverine and
							Promethazine Granules</label>
					</div>

					<div class="clear"></div>
				</div>





				<div class="infomation clearfix">
					<label class="left">【性状】</label> <label class="info-width2 left">
						本品为粉红色颗粒;气芳香、味甜。 </label>
				</div>


				<div class="infomation clearfix">
					<label class="left">【适应症】</label> <label class="info-width3 left">
						用于感冒或流感引起的咳嗽、咳痰。 </label>
				</div>




				<div class="infomation clearfix">
					<label class="left"> 【企业名称】 </label> <label
						class="info-width4 left"> 湖北盛通药业有限公司 </label>
				</div>







			</div>
 -->




			<!-- 
			<div class="fenye">
				<ul>
					<span>共2页11条，当前第1页</span>
					<li class='current'>1</li>
					<li class='other'><a
						href='javascript:goPage(2,"http://drugs.medlive.cn/drugref/drugInfoSearchById.do","moreForm")'>2</a></li>
					<li class="grey"><a
						href='javascript:goPage(2,"http://drugs.medlive.cn/drugref/drugInfoSearchById.do","moreForm")'
						title="下一页">&gt;</a></li>
					<li class="grey"><a
						href='javascript:goPage(2,"http://drugs.medlive.cn/drugref/drugInfoSearchById.do","moreForm")'
						title="末页">&gt;&gt;</a></li>

				</ul>
			</div> -->

		</div>
	</div>
	<form id="moreForm" name="moreForm"
		action="drugInfoSearchById.do-relatedGenericNameName=枸橼酸喷托维林片&ids=13721&ids=13441&ids=13057&ids=13474&ids=12996&ids=667&ids=17089&ids=13350&ids=13638&ids=13678&ids=13679.htm"
		tppabs="http://drugs.medlive.cn/drugref/drugInfoSearchById.do?relatedGenericNameName=枸橼酸喷托维林片&ids=13721&ids=13441&ids=13057&ids=13474&ids=12996&ids=667&ids=17089&ids=13350&ids=13638&ids=13678&ids=13679"
		method="post">
		<input type="hidden" name="relatedGenericNameName" value="枸橼酸喷托维林片"
			id="relatedGenericNameName" /> <input type="hidden" name="ids"
			value='13721' /> <input type="hidden" name="ids" value='13441' /> <input
			type="hidden" name="ids" value='13057' /> <input type="hidden"
			name="ids" value='13474' /> <input type="hidden" name="ids"
			value='12996' /> <input type="hidden" name="ids" value='667' /> <input
			type="hidden" name="ids" value='17089' /> <input type="hidden"
			name="ids" value='13350' /> <input type="hidden" name="ids"
			value='13638' /> <input type="hidden" name="ids" value='13678' /> <input
			type="hidden" name="ids" value='13679' />

	</form>



	<div class="footer">
		<div class="kingyee">
			布格格<span style="padding-right:20px;"></span>版权所有
		</div>
		<div>京ICP备13043379号© 2005－2016 medlive.cn, all rights reserved</div>
	</div>
	<script type="text/javascript" src="<%=request.getContextPath()%>/lib/common/jquery.min.js"></script>
<script type="text/javascript">
	function search(){
		
			var kw=document.getElementById("kw").value;
			if(null==kw||''==kw||'undefined'==kw){
			layer.msg('请输入关键字！');
				return ;
			}
			kw=encodeURI(encodeURI(kw));
			console.log(kw);
			window.location.href="${path}/api/drugs/searchDrugs/"+kw;	
			
	}
	
	
</script>
</body>
</html>
